<template>
  <up-checkbox
      shape="circle"
      size="14"
      name="agree"
      usedAlone
      v-model:checked="props.modelValue"
  >
    <template #label>
      <view class="flex u-f-sl">
        {{label}}
        <slot></slot>
      </view>
    </template>
  </up-checkbox>
</template>
<script lang="ts" setup>
import  {defineProps} from 'vue'

const props =  defineProps({
    modelValue: {
        type: Boolean,
        default: false
    },
    label: {
        type: String,
        default: ''
    }
})

</script>

<style scoped lang="scss">
@import "~@/static/css/index.css";
</style>